@import 'fonts/sansation.css'
@import 'libraries/bootstrap/all'
@import 'libraries/meow'
@import 'libraries/jqueryui.css'
@import 'libraries/powergrid'
@import 'common'

//TODO: Change all pixel values to em

header-height = 80px
  
.btn-fill
  width 100%
  padding-left 0
  padding-right 0
  
.btn-quarter
  padding-left 0
  padding-right 0
  width 25%

.btn-group .btn-quarter:nth-last-child(2)
  margin-right -1px
  
.btn-group .btn-quarter:last-child
  margin-right -10px

.btn-group.vertical .btn
  margin-left 0
  margin-top -1px
  padding-left 0px
  padding-right 0px
  width 100%
  border-radius 0

.btn-group.vertical .btn:first-child
  margin-top 0
  -webkit-border-top-left-radius 0.25em
  -moz-border-radius-topleft 0.25em
  border-top-left-radius 0.25em
  -webkit-border-top-right-radius 0.25em
  -moz-border-radius-topright 0.25em
  border-top-right-radius 0.25em

.btn-group.vertical .btn:last-child
  -webkit-border-bottom-left-radius 0.25em
  -moz-border-radius-bottomleft 0.25em
  border-bottom-left-radius 0.25em
  -webkit-border-bottom-right-radius 0.25em
  -moz-border-radius-bottomright 0.25em
  border-bottom-right-radius 0.25em

// Again, reset corners for large buttons
.btn-group.vertical .btn.large:first-child
  -webkit-border-top-left-radius 0.375em
  -moz-border-radius-topleft 0.375em
  border-top-left-radius 0.375em
  -webkit-border-bottom-left-radius 0.375em
  -moz-border-radius-bottomleft 0.375em
  border-bottom-left-radius 0.375em

.btn-group.vertical .btn.large:last-child
  -webkit-border-top-right-radius: 0.375em;
  -moz-border-radius-topright: 0.375em;
  border-top-right-radius: 0.375em;
  -webkit-border-bottom-right-radius: 0.375em;
  -moz-border-radius-bottomright: 0.375em;
  border-bottom-right-radius: 0.375em;

/*.subnav-fixed
  position fixed
  top 40px
  left 0
  right 0
  z-index 1020
  border-color #d5d5d5
  border-width 0 0 1px
  -webkit-border-radius 0
  -moz-border-radius 0
  border-radius 0
  -webkit-box-shadow inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1)
  -moz-box-shadow inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1)
  box-shadow inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1)
  filter 'progid:DXImageTransform.Microsoft.gradient(enabled=false)'

.subnav-fixed .nav
  margin 0 auto
  padding 0 1px

.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover
  -webkit-border-radius 0
  -moz-border-radius 0
  border-radius 0*/

#hall
  @extend .hidden

.subdojo, .subhall
  @extend .absolute
  @extend .hidden
  @extend .fill

#vocab
  display block

#flag
  vertical-align middle
  padding 0 4px
  display inline-block
  margin-top -4px

#overview
  display block

